<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="UTF-8" />
		<title>视频播放</title>
		<link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.css}" href="../static/css/bootstrap.css" />
		<script th:src="@{/js/jquery.min.js}" src="../static/js/jquery.min.js" type="text/javascript" charset="UTF-8"></script>
		<script th:src="@{/js/bootstrap.min.js}" src="../static/js/bootstrap.min.js" type="text/javascript" charset="UTF-8"></script>
		<style type="text/css">
			body {
				margin: 0;
				padding: 0;
				position: relative;
			}
					li{
						list-style: none;
					}
		
		</style>
	</head>

	<body>
		<div class="container">
			<nav class="navbar navbar-collapse">
				<div class="navbar-header">
					<ul class="nav nav-tabs nav-justified">
						<li class="active">
							<a href="#">首页</a>
						</li>
						<li>
							<a href="#">视频</a>
						</li>
						<li>
							<a href="#">我的</a>
						</li>
						<li>
							<a href="#">订阅</a>
						</li>
						<li>
							<a href="#">下载</a>
						</li>
					</ul>
				</div>
				<p class="navbar-text navbar-right" style="margin-right: 20px;">
					<a href="#">登录</a>
				</p>
				<p class="navbar-text navbar-right" style="margin-right: 20px;">
					<a href="#">注册</a>
				</p>
			</nav>
		</div>

		<div class="container">
			<div class="row">
				<div class="col-sm-3">
					<div class="list-group dropdown ">
						<ul>
							<li role="presentation" class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
     课程视频
      <span class="caret"></span>
   </li>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">JAVA</a>
							</li>
							<li role="presentation" >
								<a role="menuitem" tabindex="-1" href="#">MYSQL</a>
							</li>
						</ul>
						<li role="presentation" class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
     我的视频
      <span class="caret"></span>
   </li>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">JAVA</a>
							</li>
							<li role="presentation">
								<a role="menuitem" tabindex="-1" href="#">MYSQL</a>
							</li>
						</ul>
						</ul>
						
					</div>

				</div>
				<div class="col-sm-6" id="f5">
					<iframe name="iframe_a" width="500" src="video/" th:attrappend="src=@{${id}}" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" allowTransparency="true" frameborder="0">
						
					</iframe>

				</div>
				<div class="col-sm-3">
					<label class="label-warning">通知</label><br />
					<textarea name="" rows="" cols="" placeholder="快讯信息"></textarea>
				</div>
			</div>
			<div class="row">

				<div id="vids">
					<a href="video/" th:each="ve:${couvid}" th:attrappend="href=@{${ve.id}}" th:text="${ve.name}" target="iframe_a"></a>
				</div>

			</div>
		</div>

	</body>

</html>